<style tyle="text/css">
    .modal-lg {
        width: 55%;
    }
    .btn-style {
      width: 100px;
      margin-right: 10px;
    }
    .w-sm {
        width: 103px;
    }
</style>
<div class="modal-header">
  <h4 class="modal-title">应用套餐详情</h4>
</div>
<div class="modal-body">
  <form name="form" class="form-horizontal ng-pristine ng-valid-required">
    <div class="form-group">
      <label class="col-lg-3 control-label">套餐编号：</label>
      <label class="col-lg-5 control-label text-left" ng-show="!bean.add">{{bean.code}}</label>
      <div class="col-lg-5" ng-show="bean.add">
        <input type="text" class="form-control" ng-model="bean.code">
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">套餐名称：</div>
      <div class="col-lg-5">
        <input type="text" class="form-control" ng-model="bean.name">
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">排序：</div>
      <div class="col-lg-5">
        <input type="number" class="form-control" ng-model="bean.sort">
      </div>
    </div>
    <div class="form-group">
      <label class="col-lg-3 control-label">可试用期限：</label>
      <div class="col-lg-3">
        <div class="input-group">
          <input type="number" class="form-control" placeholder="0" ng-model="bean.is_try">
          <span class="input-group-addon">天</span>
        </div>
      </div>
      <div class="col-sm-2">
          <button class="btn m-b-xs w-sm btn-info" ng-click="image()">
              <i class="fa fa-file-image-o"></i> 上传图片
          </button>                    
      </div>
      <div class="col-sm-3" ng-repeat="item in array">           
          <img ng-src="{{item}}" width="100%" height="100"  ng-show="item.lastIndexOf('.pdf')=='-1'" style="width:100px;height:38px">
          <a href= "{{item}}" target="_Blank" ng-show="item.lastIndexOf('.pdf')!='-1'">{{item}}</a>
          <a type = 'button' class="btn-xs m-b-xs w-sm btn-danger" ng-click="del($index)">删除</a>	
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">3个月价格：</div>
      <div class="col-lg-4">
        <div class="input-group">
          <input type="number" class="form-control" placeholder="0.00" ng-model="bean.price_level1">
          <span class="input-group-addon">元</span>
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">6个月价格：</div>
      <div class="col-lg-4">
        <div class="input-group">
          <input type="number" class="form-control" placeholder="0.00" ng-model="bean.price_level2">
          <span class="input-group-addon">元</span>
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">12个月价格：</div>
      <div class="col-lg-4">
        <div class="input-group">
          <input type="number" class="form-control" placeholder="0.00" ng-model="bean.price_level3">
          <span class="input-group-addon">元</span>
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">包含角色：</div>
      <div class="col-lg-2">
        <button type="button" class="btn btn-primary" ng-click="addRoles()">添加</button>
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3"></div>
      <div class="col-lg-8">
        <div style="padding-right: 20px; padding-bottom: 5px; float: left;"  ng-repeat="obj in role_list">
          <button class="btn btn-sm btn-info">{{obj.name}}
            <i class="glyphicon glyphicon-remove" ng-click="removerole($index)"></i>
          </button>
        </div>
      </div>
    </div>
    <div class="form-group">
      <div class="col-lg-3 control-label">套餐简介：</div>
      <div class="col-lg-8">
        <div class="ueditor" ng-model="bean.description"></div>
      </div>
    </div>
    <div class="form-group">
      <span class="col-lg-10 col-lg-offset-2 form-control-static">
        <i style="color: red">
          <span class="col-lg-1" style="width: 13%">提示：</span>
          <span class="col-lg-10" style="padding: 0px">
            1.可使用期限设置为0天时，表示此套餐不可试用<br/>
            2.设置套餐每个时间段价格时，设置为0元表示对应的时间段上架后不销售
          </span>
        </i>
      </span>
    </div>
  </form>

</div>
<div class="modal-footer">
  <button class="btn btn-success" type="button" ng-click="ok()">确定</button>
  <button class="btn btn-danger" type="button" ng-click="cancel()">关闭</button>
</div>